<link href="__CDN__/assets/addons/qingdongwms/css/dashboard.css?v={$Think.config.site.version}" rel="stylesheet">

<div class="panel panel-default panel-intro">
    <div class="panel-body" style="padding-bottom: 0">
        <p class="dashboard-title">CRM仪表盘</p>
        <form class="form-inline" id="form" name="form" action="" method="get" style="margin-top: 20px;">
            <div class="form-group">
                <select class="form-control" name="type" style="width: 180px;font-weight: 700">
                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                </select>
            </div>
            <div class="form-group ">
                <select id="times" class="form-control" name="times"  style="width: 180px;font-weight: 700">
                    <option value="today"
                            {eq name="times" value="today"}selected="selected"{/eq} >今天</option>
                    <option value="yesterday"
                            {eq name="times" value="yesterday"}selected="selected"{/eq} >昨天</option>
                    <option value="tomorrow"
                            {eq name="times" value="tomorrow"}selected="selected"{/eq} >明天</option>
                    <option value="thisweek"
                            {eq name="times" value="thisweek"}selected="selected"{/eq} >本周</option>
                    <option value="lastweek"
                            {eq name="times" value="lastweek"}selected="selected"{/eq} >上周</option>
                    <option value="nextweek"
                            {eq name="times" value="nextweek"}selected="selected"{/eq} >下周</option>
                    <option value="thismonth"
                            {eq name="times" value="thismonth"}selected="selected"{/eq} >本月</option>
                    <option value="lastmonth"
                            {eq name="times" value="lastmonth"}selected="selected"{/eq} >上月</option>
                    <option value="nextmonth"
                            {eq name="times" value="nextmonth"}selected="selected"{/eq} >下月</option>
                    <option value="thisquarter"
                            {eq name="times" value="thisquarter"}selected="selected"{/eq} >本季度</option>
                    <option value="lastquarter"
                            {eq name="times" value="lastquarter"}selected="selected"{/eq} >上一季度</option>
                    <option value="nextquarter"
                            {eq name="times" value="nextquarter"}selected="selected"{/eq} >下一季度</option>
                    <option value="thisyear"
                            {eq name="times" value="thisyear"}selected="selected"{/eq} >本年度</option>
                    <option value="lastyear"
                            {eq name="times" value="lastyear"}selected="selected"{/eq} >上一年度</option>
                    <option value="nextyear"
                            {eq name="times" value="nextyear"}selected="selected"{/eq} >下一年度</option>

                </select>
            </div>
            <div class="form-group " id="dates" {neq name="times" value="else"}style="display: none"{/neq}>
                <input type="text" class="form-control datetimerange" name="dates"
                       data-locale='{"format":"YYYY-MM-DD"}' placeholder="指定日期" style="width: 200px" value="{$dates}" />
            </div>
        </form>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-12 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>销售简报</h4>
                        <p class="text-muted">
                            销售简报对仪表盘所选时间段内的销售成果进行对比分析。分析对象包括您的客户、联系人、商机、合同、商机金额、回款和跟进记录，展现其在所选时间段内的增长情况。如果选择的时间单位为天/周/月/季度/年度，则增长情况会与上个单位时间内增长情况自动对比，结果以百分比形式展现。若在仪表盘中选择自定义时间段，则只会出现销售结果的增长情况，不会出现对比信息。</p>
                    </div>

                    <div class="col-xs-3 col-sm-3 brief-item is-current btn-dialog" data-url="qingdongwms/customer/customer/index?createtime={$wheredatetime}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6" >
                                <div class="title">新增客户</div>
                                <div class="number">{$briefing.addCustomer}<span class="unit">人</span></div>
                                {if condition="isset($briefing['customer_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.customer_ratio > 0"}
                                    <span class="rate top">{$briefing.customer_ratio}%<i
                                        class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.customer_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.customer_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.customer_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_customer"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog"
                         data-url="qingdongwms/customer/contacts/index?createtime={$wheredatetime}&active={$active}"
                         data-title="新增联系人" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增联系人</div>
                                <div class="number">{$briefing.addContacts}<span class="unit">人</span></div>
                                {if condition="isset($briefing['contacts_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contacts_ratio > 0"}
                                    <span class="rate top">{$briefing.contacts_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contacts_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.contacts_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.contacts_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contacts"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog"
                         data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}"
                         data-title="新增商机" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增商机</div>
                                <div class="number">{$briefing.addBusiness}<span class="unit">个</span></div>
                                {if condition="isset($briefing['business_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.business_ratio > 0"}
                                    <span class="rate top">{$briefing.business_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.business_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.business_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.business_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_business"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog"
                         data-url="qingdongwms/customer/contract/index?order_date={$wheredatetime}&check_status=2&active={$active}"
                         data-title="新增合同" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增合同 <small >
                                    <span style="padding:0px;"></span>
                                    <a href="javascript:;"
                                       title="当前仪表盘筛选条件下，合同管理页面中审核状态为已通过的新增合同数。" data-toggle="tooltip" data-placement="top" ><i class="fa fa-question-circle" style="font-size:16px;"></i></a>
                                </small></div>
                                <div class="number">{$briefing.addContract}<span class="unit">个</span></div>
                                {if condition="isset($briefing['contract_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contract_ratio > 0"}
                                    <span class="rate top">{$briefing.contract_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contract_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.contract_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.contract_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contract"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog" data-url="qingdongwms/customer/contract/index?order_date={$wheredatetime}&check_status=2&active={$active}"
                         data-title="合同金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">合同金额<small >
                                    <span style="padding:0px;"></span>
                                    <a href="javascript:;"
                                       title="当前仪表盘筛选条件下，合同管理版块中审核状态为已通过的新增合同数的金额总和。" data-toggle="tooltip" data-placement="top" ><i class="fa fa-question-circle" style="font-size:16px;"></i></a>
                                </small></div>
                                <div class="number">{$briefing.contractMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['contract_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.contract_money_ratio > 0"}
                                    <span class="rate top">{$briefing.contract_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.contract_money_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.contract_money_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.contract_money_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_contract_money"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog" data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}"
                         data-title="商机金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">商机金额<small >
                                    <span style="padding:0px;"></span>
                                    <a href="javascript:;"
                                       title="当前仪表盘筛选条件下新增商机的金额总和。" data-toggle="tooltip" data-placement="top" ><i class="fa fa-question-circle" style="font-size:16px;"></i></a>
                                </small></div>
                                <div class="number">{$briefing.businessMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['business_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.business_money_ratio > 0"}
                                    <span class="rate top">{$briefing.business_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.business_money_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.business_money_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.business_money_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_business_money"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog" data-url="qingdongwms/customer/receivables/index?return_time={$wheredate}&check_status=2&active={$active}"
                         data-title="回款金额" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">回款金额<small >
                                    <span style="padding:0px;"></span>
                                    <a href="javascript:;"
                                       title="当前仪表盘筛选条件下，回款管理版块中审核状态为已通过的回款总额。" data-toggle="tooltip" data-placement="top" ><i class="fa fa-question-circle" style="font-size:16px;"></i></a>
                                </small></div>
                                <div class="number">{$briefing.receivablesMoney}<span class="unit">元</span></div>
                                {if condition="isset($briefing['receivables_money_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.receivables_money_ratio > 0"}
                                    <span class="rate top">{$briefing.receivables_money_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.receivables_money_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.receivables_money_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.receivables_money_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}

                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_receivables_money"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-item btn-dialog" data-url="qingdongwms/customer/record/index?createtime={$wheredate}&active={$active}"
                         data-title="新增跟进记录" data-area=["80%","80%"]>
                        <div class="panel">
                            <div class="col-xs-6 col-sm-6">
                                <div class="title">新增跟进记录<small >
                                    <span style="padding:0px;"></span>
                                    <a href="javascript:;"
                                       title="当前仪表盘筛选条件下客户新增跟进记录的总和。" data-toggle="tooltip" data-placement="top" ><i class="fa fa-question-circle" style="font-size:16px;"></i></a>
                                </small></div>
                                <div class="number">{$briefing.addRecord}<span class="unit">条</span></div>
                                {if condition="isset($briefing['record_ratio'])"}
                                <div class="des">{$briefing.ratio_text}
                                    {if condition="$briefing.record_ratio > 0"}
                                    <span class="rate top">{$briefing.record_ratio}%<i
                                            class="fa fa-long-arrow-up"></i></span>
                                    {elseif condition="$briefing.record_ratio < 0"/}
                                    <span class="rate bottom">{$briefing.record_ratio}%<i
                                            class="fa fa-long-arrow-down"></i></span>
                                    {else/}
                                    <span class="rate ">{$briefing.record_ratio}%</span>
                                    {/if}
                                </div>
                                {/if}
                            </div>
                            <div class="col-xs-6 col-sm-6">
                                <div id="x_record"
                                     class="chart_box"
                                     title="近六个月数据变化" data-toggle="tooltip"
                                     data-placement="top"></div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i><span id="achievement_title"></span></h4>
                        <p class="text-muted">合同/回款实际完成情况的数额为：仪表盘筛选条件下审核状态为已通过的合同/回款的实际完成金额。
                            目标金额由管理员在企业管理后台设置，金额可具体到月份。但若筛选条件单位为周/日，则以虚线形式展示月目标金额在该时间段内的平均值。</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled >
                                    <option value="thismonth"
                                            {eq name="times" value="thismonth"}selected="selected"{/eq} >本月</option>
                                    <option value="lastmonth"
                                            {eq name="times" value="lastmonth"}selected="selected"{/eq} >上月</option>
                                    <option value="nextmonth"
                                            {eq name="times" value="nextmonth"}selected="selected"{/eq} >下月</option>
                                    <option value="thisquarter"
                                            {eq name="times" value="thisquarter"}selected="selected"{/eq} >本季度</option>
                                    <option value="lastquarter"
                                            {eq name="times" value="lastquarter"}selected="selected"{/eq} >上一季度</option>
                                    <option value="nextquarter"
                                            {eq name="times" value="nextquarter"}selected="selected"{/eq} >下一季度</option>
                                    <option value="thisyear"
                                            {eq name="times" value="thisyear"}selected="selected"{/eq} >本年度</option>
                                    <option value="lastyear"
                                            {eq name="times" value="lastyear"}selected="selected"{/eq} >上一年度</option>
                                    <option value="nextyear"
                                            {eq name="times" value="nextyear"}selected="selected"{/eq} >下一年度</option>
                                    <option value="else"
                                            {eq name="times" value="else"}selected="selected"{/eq} >自定义</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="achievement_status2" >
                                    <option value="3">合同金额</option>
                                    <option value="4">回款金额</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <div id="x_achievement_money" style="width: 100%;height: 300px;">

                        </div>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="brief-title">
                        <h4><i class="fa fa-server"></i>数据汇总</h4>
                        <p class="text-muted">仪表盘筛选条件下在不同时间间隔中未添加跟进记录或未对其外勤打卡的客户数，联系后该客户自动从遗忘提醒中消除。</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control"disabled>
                                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled >
                                    <option value="thismonth"
                                            {eq name="times" value="thismonth"}selected="selected"{/eq} >本月</option>
                                    <option value="lastmonth"
                                            {eq name="times" value="lastmonth"}selected="selected"{/eq} >上月</option>
                                    <option value="nextmonth"
                                            {eq name="times" value="nextmonth"}selected="selected"{/eq} >下月</option>
                                    <option value="thisquarter"
                                            {eq name="times" value="thisquarter"}selected="selected"{/eq} >本季度</option>
                                    <option value="lastquarter"
                                            {eq name="times" value="lastquarter"}selected="selected"{/eq} >上一季度</option>
                                    <option value="nextquarter"
                                            {eq name="times" value="nextquarter"}selected="selected"{/eq} >下一季度</option>
                                    <option value="thisyear"
                                            {eq name="times" value="thisyear"}selected="selected"{/eq} >本年度</option>
                                    <option value="lastyear"
                                            {eq name="times" value="lastyear"}selected="selected"{/eq} >上一年度</option>
                                    <option value="nextyear"
                                            {eq name="times" value="nextyear"}selected="selected"{/eq} >下一年度</option>
                                    <option value="else"
                                            {eq name="times" value="else"}selected="selected"{/eq} >自定义</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <div class="section__hd">
                            <div class="el-divider el-divider--horizontal">
                                <div class="el-divider__text is-left">客户汇总</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/customer/index?createtime={$wheredatetime}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">新增客户</div>
                            <div class="value">{$summary.addCustomer}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/customer/index?createtime={$wheredatetime}&active={$active}&contract_status=1"
                         data-title="转成交客户" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">转成交客户<small title="在客户详情页中，客户状态可变更为“已成交”，状态已变更为“已成交”的客户在此处称为“转成交客户”。" data-toggle="tooltip" data-placement="top"><i class="fa fa-question-circle" style="font-size:16px;"></i></small></div>
                            <div class="value">{$summary.contractCustomer}<span class="value-unit">个</span></div>
                        </div>
                    </div>

                    <div class="col-xs-3 col-sm-3 brief-wrap ">
                        <div class="brief">
                            <div class="title">放入公海客户<small title="此处仪表盘显示当前用户创建的客户放入公海池的数量总和。" data-toggle="tooltip" data-placement="top"><i class="fa fa-question-circle" style="font-size:16px;"></i></small></div>
                            <div class="value">{$summary.seasCustomer}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?receivetime={$wheredatetime}&active={$active}"
                         data-title="公海池领取" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">公海池领取</div>
                            <div class="value">{$summary.seas}<span class="value-unit">个</span></div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12">
                        <div class="section__hd">
                            <div class="el-divider el-divider--horizontal">
                                <div class="el-divider__text is-left">商机汇总</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}"
                         data-title="新增商机" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">新增商机</div>
                            <div class="value">{$summary.addBusiness}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}&status=4"
                         data-title="赢单商机" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">赢单商机</div>
                            <div class="value">{$summary.contractBusiness}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}&status=5"
                         data-title="输单商机" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">输单商机</div>
                            <div class="value">{$summary.noBusiness}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/business/index?createtime={$wheredatetime}&active={$active}"
                         data-title="商机总金额" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">商机总金额</div>
                            <div class="value">{$summary.businessMoney}<span class="value-unit">元</span></div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <div class="section__hd">
                            <div class="el-divider el-divider--horizontal">
                                <div class="el-divider__text is-left">合同汇总</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/contract/index?order_date={$wheredatetime}&check_status=2&active={$active}"
                         data-title="签约合同" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">签约合同</div>
                            <div class="value">{$summary.addContract}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/contract/index?end_time={$summary.where7day}&check_status=2&active={$active}"
                         data-title="即将到期" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">即将到期<span class="label label-warning">警告</span></div>
                            <div class="value">{$summary.contract}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/contract/index?end_time={$summary.wheregtday}&check_status=2&contract_status=0&active={$active}"
                         data-title="已到期" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">已到期<span class="label label-danger">已到期</span></div>
                            <div class="value">{$summary.contractExpire}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/contract/index?createtime={$wheredatetime}&check_status=2&active={$active}"
                         data-title="合同金额" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">合同金额</div>
                            <div class="value">{$summary.contractMoney}<span class="value-unit">元</span></div>
                        </div>
                    </div>

                    <div class="col-xs-6 col-xs-6">
                        <div class="section__hd">
                            <div class="el-divider el-divider--horizontal">
                                <div class="el-divider__text is-left">跟进汇总</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-xs-6">
                        <div class="section__hd">
                            <div class="el-divider el-divider--horizontal">
                                <div class="el-divider__text is-left">回款金额</div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$wheredatetime}&active={$active}"
                         data-title="跟进客户数" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">跟进客户数</div>
                            <div class="value">{$summary.record}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/customer/index?next_time={$wheredatetime}&active={$active}"
                         data-title="新增待跟进客户数" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">新增待跟进客户数</div>
                            <div class="value">{$summary.norecord}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/receivables/index?return_time={$wheredate}&active={$active}&check_status=2"
                         data-title="回款" data-area=["80%","80%"] >
                        <div class="brief">
                            <div class="title">回款</div>
                            <div class="value">{$summary.receivables}<span class="value-unit">元</span></div>
                        </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 brief-wrap btn-dialog" data-url="qingdongwms/customer/receivablesplan/index?return_date={$wheredate}&active={$active}"
                         data-title="预计回款" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">预计回款</div>
                            <div class="value">{$summary.receivablesPlan}<span class="value-unit">元</span></div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">

                        <div class="wk-toggle-button__bd" style="float: right">
                            <div class="wk-toggle-item selected" data-value="1">
                                <span>金额</span>
                            </div>
                            <div class="wk-toggle-item" data-value="2">
                                <span>数量</span>
                            </div>
                        </div>
                        <h4><i class="fa fa-server"></i>销售漏斗</h4>

                        <p class="text-muted">销售漏斗数据来源于商机管理版块，显示仪表盘筛选条件下各商机状态组下的商机所在阶段，通过金额和数量两种形式展示。</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <div id="x_business_l" style="width: 100%;height: 300px">

                        </div>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>业绩指标完成率</h4>
                        <p class="text-muted">将仪表盘筛选条件下审核状态为已通过的合同/回款金额与管理员在企业管理后台设置的目标额进行对比，该比例数据即为业绩指标完成率。但若筛选条件单位为周/日，则只展示本月数据。</p>
                    </div>

                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control"disabled>
                                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled >
                                    <option value="thismonth"
                                            {eq name="times" value="thismonth"}selected="selected"{/eq} >本月</option>
                                    <option value="lastmonth"
                                            {eq name="times" value="lastmonth"}selected="selected"{/eq} >上月</option>
                                    <option value="nextmonth"
                                            {eq name="times" value="nextmonth"}selected="selected"{/eq} >下月</option>
                                    <option value="thisquarter"
                                            {eq name="times" value="thisquarter"}selected="selected"{/eq} >本季度</option>
                                    <option value="lastquarter"
                                            {eq name="times" value="lastquarter"}selected="selected"{/eq} >上一季度</option>
                                    <option value="nextquarter"
                                            {eq name="times" value="nextquarter"}selected="selected"{/eq} >下一季度</option>
                                    <option value="thisyear"
                                            {eq name="times" value="thisyear"}selected="selected"{/eq} >本年度</option>
                                    <option value="lastyear"
                                            {eq name="times" value="lastyear"}selected="selected"{/eq} >上一年度</option>
                                    <option value="nextyear"
                                            {eq name="times" value="nextyear"}selected="selected"{/eq} >下一年度</option>
                                    <option value="else"
                                            {eq name="times" value="else"}selected="selected"{/eq} >自定义</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="achievement_status" >
                                    <option value="3">合同金额</option>
                                    <option value="4">回款金额</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <div id="x_achievement" style="width: 100%;height: 300px;"></div>
                        <div style="text-align: center;line-height: 40px">
                            <span class="setting">
                                <span style="color: #6b778c;">目标金额：</span>
                                <span class="achievementMoney"></span>
                            </span>
                            <span class="nosetting" style="display:none">
                               <span style="color: #6b778c;">暂无目标  <a href="#" class="btn-dialog"
                                                                      data-url="qingdongwms/department/achievement" data-title="设置目标" data-area=["80%","80%"] >设置目标</a> </span>
                            </span>


                            <span style="color: #6b778c;margin-left: 10px">完成金额：</span>
                            <span class="completeMoney"></span></div>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>排行榜</h4>
                        <p class="text-muted">排行榜显示在仪表盘筛选条件下排名前十的员工信息。当前系统用户的数据排行固定显示在列表下方。</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 ">

                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control"disabled>
                                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                                </select>
                            </div>

                            <div class="form-group">
                                <select class="form-control" disabled >
                                    <option value="thismonth"
                                            {eq name="times" value="thismonth"}selected="selected"{/eq} >本月</option>
                                    <option value="lastmonth"
                                            {eq name="times" value="lastmonth"}selected="selected"{/eq} >上月</option>
                                    <option value="nextmonth"
                                            {eq name="times" value="nextmonth"}selected="selected"{/eq} >下月</option>
                                    <option value="thisquarter"
                                            {eq name="times" value="thisquarter"}selected="selected"{/eq} >本季度</option>
                                    <option value="lastquarter"
                                            {eq name="times" value="lastquarter"}selected="selected"{/eq} >上一季度</option>
                                    <option value="nextquarter"
                                            {eq name="times" value="nextquarter"}selected="selected"{/eq} >下一季度</option>
                                    <option value="thisyear"
                                            {eq name="times" value="thisyear"}selected="selected"{/eq} >本年度</option>
                                    <option value="lastyear"
                                            {eq name="times" value="lastyear"}selected="selected"{/eq} >上一年度</option>
                                    <option value="nextyear"
                                            {eq name="times" value="nextyear"}selected="selected"{/eq} >下一年度</option>
                                    <option value="else"
                                            {eq name="times" value="else"}selected="selected"{/eq} >自定义</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <select class="form-control" id="ranking">
                                    <option value="1">新增客户数</option>
                                    <option value="2">新增跟进记录数</option>
                                    <option value="3">合同金额</option>
                                    <option value="6">合同数</option>
                                    <option value="4">回款金额</option>
                                    <option value="5">完成工单</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-12 col-sm-12 "style="margin-top: 20px;margin-bottom: 20px;">
                        <table class="table" id="table1" >

                        </table>
                        <table class="table" id="table2" style="display: none">

                        </table>
                        <table class="table" id="table3" style="display: none" >

                        </table>
                        <table class="table" id="table4" style="display: none" >

                        </table>
                        <table class="table" id="table5" style="display: none" >

                        </table>
                        <table class="table" id="table6" style="display: none" >

                        </table>
                    </div>


                </div>
            </div>

            <div class="col-xs-6 col-sm-6 brief-dig-box">
                <div class="col-xs-12 col-sm-12 brief-box">
                    <div class="col-xs-12 col-sm-12 brief-title">
                        <h4><i class="fa fa-server"></i>客户遗忘提醒</h4>
                        <p class="text-muted">仪表盘筛选条件下在不同时间间隔中未添加跟进记录或未对其外勤打卡的客户数，联系后该客户自动从遗忘提醒中消除。</p>
                    </div>

                    <div class="col-xs-12 col-sm-12" style="margin-bottom: 16px">
                        <form class="form-inline">
                            <div class="form-group">
                                <select class="form-control" disabled>
                                    <option value="1" {eq name="type" value="1"}selected="selected"{/eq} >仅本人</option>
                                    <option value="2" {eq name="type" value="2"}selected="selected"{/eq} >本人及下属</option>
                                    <option value="3" {eq name="type" value="3"}selected="selected"{/eq} >仅下属</option>
                                </select>
                            </div>
                        </form>
                    </div>

                    <div class="col-xs-4 col-sm-4 brief-wrap btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$nocontacts.where7day}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">超过7天未联系</div>
                            <div class="value">{$nocontacts.day7count}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$nocontacts.where15day}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">超过15天未联系</div>
                            <div class="value">{$nocontacts.day15count}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$nocontacts.where30day}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">超过30天未联系</div>
                            <div class="value">{$nocontacts.day30count}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$nocontacts.where3month}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">超过3个月未联系<span class="label label-warning">警告</span></div>
                            <div class="value">{$nocontacts.month3count}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?last_time={$nocontacts.where6month}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">超过6个月未联系<span class="label label-warning">警告</span></div>
                            <div class="value">{$nocontacts.month6count}<span class="value-unit">个</span></div>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 brief-wrap  btn-dialog" data-url="qingdongwms/customer/customer/index?next_time={$nocontacts.over}&active={$active}"
                         data-title="新增客户" data-area=["80%","80%"]>
                        <div class="brief">
                            <div class="title">逾期未联系<span class="label label-danger">已逾期</span></div>
                            <div class="value">{$nocontacts.overcount}<span class="value-unit">个</span></div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
